<!DOCTYPE HTML> 
<html> 
<head> 
<script> 
function mouse_out(obj){
}
function mouse_over(obj){
}
function mouse_leave(obj){
}
function mouse_enter(obj){
}
 
</script> 
</head> 
<body> 
 
<div style="background:yellow; width:100px; height:100px; padding:30px;"
  onmouseout="mouse_out(this)"
  onmouseover="mouse_over(this)"> 
  <div style="background:gray; height:100%;"></div> 
</div> 

<div style="background:yellow; width:100px; height:100px;padding:30px"
  onmouseleave="mouse_leave(this)"
  onmouseenter="mouse_enter(this)"> 
  <div style="background:gray; height:100%;"></div> 
</div>

</body> 
</html>